// 接口地址：http://cba.itlike.com/public/index.php?s=/api/page/detail
// 请求方式：get



const app = new Vue({
    el:'#app',
    data:{
      navList:[],
      bannerList:[],
      goodsList:[]
    },
    methods:{
      async getHomeInfo() {
        const res = await axios.get('https://smart-shop.itheima.net/index.php?s=/api/page/detail')
        console.log(res.data.data.pageData);
        // 导航
        this.navList = res.data.data.pageData.items[3].data
        // 轮播图
        this.bannerList = res.data.data.pageData.items[1].data
        // console.log(res.data.data.pageData.items[1].data);
        // 商品
        this.goodsList = res.data.data.pageData.items[6].data
        // swiper初始化代码（思考：在Vue中应该在哪里初始化）
        const mySwiper = new Swiper(".swiper", {
          speed: 1000,
          loop: true,
          autoplay: {
            disableOnInteraction: false,
            delay: 2000,
          },
          pagination: {
            el: ".swiper-pagination",
          },
          centeredSlides: true,
          observer: true, //修改swiper自己或子元素时，自动初始化swiper
          observeParents: true, //修改swiper的父元素时，自动初始化swiper
          observerUpdate: true,
        });

      }
    },
    created() {
      this.getHomeInfo()
    }
  })